<template>
  <div>
    <span style="float: left">{{ date.left }}</span>
    <span
      :style="{
        width: '40%',
        float: 'right',
        color: date.right ? '#8492a6' : ' #f56c6c',
        fontSize: '14px',
        marginRight: '8px',
        display: 'inline-block',
        padding: '6px 0',
        textAlign: 'right',
      }"
    >
      <common-carousel-text
        :content="date.right ? date.right : isOrg ? '未关联组织' : ''"
        :font-size="14"
      >
      </common-carousel-text>
    </span>
  </div>
</template>

<script>
export default {
  name: "index",
  props: {
    date: {
      type: Object,
      default: () => {},
    },
    isOrg: {
      type: Boolean,
      default: false,
    }, //是否关联组织
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped lang="scss"></style>
